<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- @@include ./template/base.html  -->
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- 头部 -->
    <!-- @@include  ./template/header.html -->
    <!-- 搜索部分 -->
    <!-- @@include  ./template/search.html -->

    <!-- 菜单栏 -->
    <section id="menu">
        <div class="row clearfix">
            <!-- 模板渲染 -->

        </div>
    </section>
    <!-- 折扣 -->
    <section id="recommen" class="list-title">
        <div class="list-title-content"><span>超值折扣推荐</span> <img src="http://www.zuyushop.com/wap/images/more.png"
                width="20" height="20"></div>
    </section>
    <!-- 产品 -->
    <main id="recommen-product">
        <div class="recommen-product-list product-list cu-list">
            <ul>
                <!-- 模板渲染 -->
            </ul>
            <div class="more-bar"><a>更多优惠信息 »</a></div>
        </div>
    </main>

    <!-- @@include  ./template/footer.html  -->

    <script src="./js/index.js"></script>
    <script type="text/html" id="navTpl">
        {{ each result  v  i }}
            <div class="menu-item  {{ i >=8 ? 'active':'' }} ">
                <a href="{{ v.titlehref }}.html">
                    <img src="./img/{{ v.img }}">
                    <p>{{ v.name }}</p>
                </a>
            </div>     
        {{ /each }}
    </script>
    <script type="text/html" id="productTpl">
        {{ each result  v i }}
           <li class="clearfix ui-border-b">
               <a href="moneyproduct.html?productid={{v.productId}}">
                   <div class="pic">
                       <img src="{{ v.productImgLg.src }}"
                           alt="移动端凑单品：海天 鲜味 生抽 1.28L">
                    </div>
                       <div class="clearfix info">
                           <div class="title">
                               {{v.productName}}
                                   <span>{{ v.productPinkage }}</span>
                           </div>
                           <div class="other">
                               <span class="mall">
                                  {{v.productFrom}} | {{v.productTime}}
                                   </span>
                               <span class="comment">
                                   <i class="icon-comment"></i>
                                   {{v.productComCount}}</span>
                           </div>
                       </div>
                </a>
           </li>
           {{ /each }}
       </script>
</body>

</html>